<template>
  <div class="name">
    <span style="font-family: 'Agency FB',serif">XUXIAO</span>
  </div>
</template>
<script setup lang="ts">

</script>
<style scoped lang="scss">
.name {
  font-size: 90px;
  color: white;
  margin-bottom: 20px;
  font-weight: 700;
  font-family: Agency FB sans-serif;
  -webkit-animation: bounce 3s ease-in-out forwards infinite; /*设置动画*/
  position: relative;
}


@-webkit-keyframes bounce { /*创建动画*/
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}


</style>